/* top start*/
body,td,th {
	font-size: 14px;
}

body, div, p,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {
	padding:0px;
	margin:0px;
}
.FontRed{
	color:#FF0000;}
h3{
	font-size:14px;}

li{
	list-style-type:none;}

img{border:0; 
	}
.gray{
	color:#666666;}
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:underline;color:#2274d9;}
a:active{text-decoration:underline;}

.LineLink a{text-decoration:underline;}
.LineLink a:hover {text-decoration:none;color:#2274d9;}

.ColorLink a {color:#2274d9;}
.ColorLink a:hover {color:#2274d9;}
.WidthTab2{
	width:18px;
	height:1px;
	float:left;
}	
.HeightTab{
	height:10px;
	width:100px;
}
p{
	line-height:180%;
}
body{
	font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;
	width:100%;
}
#fdck {border:1px solid #c0c0c0;margin:0 auto;padding:5px;background:#f0f0f0}
#wrapper{
	width:100%;
	margin:auto;}
	#wrapper #head{
	width:100%;
}

#wrapper #head .top{
	background:url("/images/HituxCMSInter/top_bg1.gif") repeat-x left -7px;
	width:100%;
	height:110px;
	font-size:12px;}	
#wrapper #head .top .TopInfo{
	margin:auto;
	width:980px;
	height:23px;
	} 
#wrapper #head .top .TopInfo .link{
	text-align:center;
	line-height:23px;
	width:327px;
	float:right;
	color:#999999;
	padding-right:20px;
	padding-left:10px;
	font-size:11px;}
#wrapper #head .top .TopInfo .link a{
	color:#2274d9;}	
#wrapper #head .top .TopLogo{
	margin:auto;
	width:980px;
	padding-top:17px;
	}
#wrapper #head .top .TopLogo .logo{
	float:left;
	height:62px;}

#wrapper #head .top .TopLogo .tel{
	float:right;
	height:67px;
	width:200px;} 
	
#wrapper #head .top .TopLogo .tel .telW{
	padding-left:0px;
	padding-top:5px;
	color:#999;
	
	font-size:11px;
	}	
#wrapper #head .top .TopLogo .tel .telN{
	padding-left:0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:24px;
	color:#F90;
	line-height:100%;
}
/* navs*/
#wrapper #head #NavLink{
	width:100%;
	height:40px;
	margin:auto;
	}
#wrapper #head #NavLink .NavBG{
	height:40px;
	width:100%;
	background:#2274d9;
	position:absolute;
	z-index:10;}	
		
#wrapper #head #NavLink #sddm{
	width:1020px;
	margin:auto;
	text-align:center;
	z-index:100}

#wrapper #head #NavLink #sddm li{
	float: left;
	font-weight:bold;}
#wrapper #head #NavLink #sddm .CurrentLi a{
	background:none;}
	
#wrapper #head #NavLink #sddm li a
{	display: block;
	color: #FFF;
	text-align: center;
	padding:0px 18px 0px 20px;
	height:40px;
	line-height:40px;
	background:#;
	}
#wrapper #head #NavLink #sddm li P{
	font-size:10px;
	font-weight:normal;
	color:#FFF;
	text-transform:uppercase;}
#wrapper #head #NavLink #sddm li a:hover
{	text-decoration:none;
	background:url("/images/HituxCMSInter/nav_bg2.png") repeat-x center 0px;
}

#wrapper #head #NavLink #sddm div
{	position: absolute;
	visibility: hidden;
	background: #808080;
	padding:0px 0px;
	filter: alpha(opacity=85);
	top:40px;
	}

#wrapper #head #NavLink #sddm div a
	{	position: relative;
		padding: 0px 5px;
		width:120px;
		text-align: center;
		background:#2274d9;
		color: #FFFFFF;
		font-size:12px;
		font-weight:normal;
		text-decoration:none;
		line-height:30px;
		height:30px;
		border-bottom:1px solid #1e3142;}

#wrapper #head #NavLink #sddm div a:hover{
	background:url("/images/HituxCMSInter/nav_bg2.png") repeat-x center 0px;
	color:#FFF;
	font-weight:bold;
	line-height:30px;
	border-bottom:1px solid #1e3142;}

	
#wrapper #body{
	width:980px;
	margin:auto;
	}

#body .img_title{
    width:150px;
	padding:5px;
	}
/* albumblock*/

 .albumblock{
	padding:10px 10px 9px 15px;
	float:left;
	}
 .albumblock .inner{
	width:156px;
	height:130px;
	position:relative;
	border:1px solid #DEDEDC;
	text-align:center;
	overflow:hidden;
	}

.albumblock .inner img{
	border:2px solid #fff;
	width:140px;
	height:89px;}	

 .albumblock .inner .albumtitle{
	height:35px;
	font-size:12px;
	width:152px;
	position:relative;
	bottom:0px;
	left:3px;
	top:2px;
	color:#2274d9;
	font-weight:; 
	text-align:left;
	cursor:pointer;
	margin:auto;
	overflow:hidden;}
 .albumblock .inner .albumtitle span{
	font-weight:normal;
	font-size:12px;}	

 .albumblock .inner  a{
	 color:#2274d9;}
 .albumblock .inner  a:hover{
	text-decoration:none;}
 .albumblock .inner  a:visited{
	text-decoration:none;}	
	
 .albumblock .inner:hover{
	border:1px solid #2274d9;}	
/*footer*/
#footer{
	width:100%;
	height:100%;
	padding-bottom:50px;
	font-size:12px;
	color:#191919;
	background:#FFF url("/images/HituxCMSInter/bottom_bg1.jpg") repeat-x center 40px;
}
#footer a{
	color:#191919;}										
#footer .inner{
	margin:auto;
	width:100%;
	padding-top:10px;
	text-align:center;}
#footer .inner p{
	line-height:25px;}

#footer .inner .BottomNav{
	width:100%;
	margin:auto;
	height:30px;
	line-height:30px;
	color:#FFF;
	background:#FFF url("/images/HituxCMSInter/nav_bg2.png") repeat-x center -5px;
}

#footer .inner .BottomNav a{
	color:#FFFFFF;
	padding:0px 10px;}


#wrapper  .t_page{
	padding:10px;
	text-align:center;
	font-size:12px;
	line-height:25px;
	
	}	
#wrapper  .t_page a{
	padding:2px 5px;
	border:1px solid #DEDEDC;
	margin:0px 3px;}
#FocusBG{}
#EH{
    font-size:20px;
	line-height:30px;
	font-weight:bold;
	padding-top:40px;
	width:240px;
	height:180px;
        float:left;
	text-align:center;
        position:relative;
        z-index:0;}

#EH a{
color:#00366d;}	
#EHFDA{
    font-size:16px;
	line-height:30px;
	font-weight:bold;
	padding-top:100px;
	width:240px;
	height:90px;
	text-align:center;
        position:relative;
        z-index:10;
         }
#EHFDA a{
color:#FF0000;}	
#Focus {
	width:980px;
	height:238px;
	overflow:hidden;
	position:relative;
	margin:auto;
	background-image:url(../../images/up_images/201702.jpg);
}
#Focus ul {
	height:260px;
	position:absolute;
}
#Focus ul li {float:right; width:980px; height:180px;
	position:relative;}
#Focus ul li div {position:absolute; 
	overflow:hidden;
	position:relative;}
#Focus .btnBg {position:absolute; width:980px; height:20px; left:0; bottom:0;  }
#Focus .btn {position:absolute; width:960px; height:10px; padding:5px 10px; right:420px; bottom:10px; text-align:right;}
#Focus .btn span {display:inline-block; _display:inline; _zoom:1; width:10px; height:5px; _font-size:0; margin-left:15px; cursor:pointer; background:#2274d9;}
#Focus .btn span.on {background:#2274d9;}
#Focus .preNext {width:45px; height:100px; position:absolute; top:90px;  cursor:pointer;}
#Focus .pre {left:0;}
#Focus .next {right:0; background-position:right top;}
/*product*/
.ClassNav{
	padding:0px 10px;}
	
.NavTree ul{
}
#ClassNav .NavTrees{
    padding:5px;
	height:25px;
}	
.NavTree ul li{
position: relative;
z-index:1000;
}
.NavTree .title20{
padding-left:20px;
}
.NavTree .title30{
padding-left:20px;
}
.NavTree .title30 a{
background:#FFFF00;
}


.NavTree .f37022{
color:#f37022;
font-color:#276CD7;
}
#body  .rightcpfl .ClassNav{
	padding:0px 5px;
}
	
#body  .rightcpfl .ClassNav .NavTree ul{
}
	
#body  .rightcpfl .ClassNav .NavTree ul li{
position: relative;
z-index:1000;
}
	
/* menu links style */
#body  .rightcpfl .ClassNav .NavTree ul li a{
	display: block;
	cursor:pointer;
	line-height:30px;
	border-bottom:1px solid #DDDDDD;
	padding-left:15px;
	height:30px;
	 }	

#body  .rightcpfl .ClassNav .NavTree ul li li{
	background:url("/images/HituxCMSInter/box_icon1.png") no-repeat 12px 12px;
	padding-left:0;
	text-align:center;
	z-index:2000;
}

#body  .rightcpfl .ClassNav .NavTree ul .current a{
	background:#2274d9;
	color:#FFFFFF;}
#body  .rightcpfl .ClassNav .NavTree ul .current li a{
	background:#FFFFFF;
	color:#000000;}
		
#body  .rightcpfl .ClassNav .NavTree ul li a:hover{
color: white;
background:#2274d9;
text-decoration:none;
}
#body  .rightcpfl .ClassNav .NavTree .subfolderstyle{
background: url(/images/HituxCMSInter/arrow-list.gif) no-repeat 150px center ;
}
/* Holly Hack for IE \*/
* html #body  .rightcpfl .ClassNav .NavTree ul li { float: left; height: 1%;z-index:2000; }
* html #body  .rightcpfl .ClassNav .NavTree ul li a { height: 1%;z-index:2000; }
/* End */	

#body .Block2 .right{
	height:210px;
	clear: both;
	width: 213px;
	}
#body .Block2 .right2{
	width:742px;
	float: right;
	height: auto;
	}	
#body .Block2 .rightimgnew{
	width:980px;
	height: auto;
	}	
#body .Block2 .topic3{
	width:742px;
	height: auto;
	float: right;
	}
#body .Block2 .topic3 .right3{
	width:410px;
	float:left;
	border: 1px solid #e5e5e5;
	height: 195px;
	}
#body .Block2 .topic3 .right3 .img{
	padding:10px 10px 0px 10px;
	float: left;
}
#body .Block2 .topic3 .right3 h1{
	font-size:14px;
	text-align:center;}

#body .Block2 .topic3 .right3 .txt{
	float:left;
	padding:5px 10px 14px 10px;
	color:#6c6c6c;}
#body .Block2 .topic3 .right3.MBlockTable td{
	color:#6c6c6c;}
#body .Block2 .topic3 .right3 .MBlockTable td span{
	color:#F90;
	font-weight:bold;}

#body .MainBlock .right .img{
	padding:10px 10px;
	width:200px;}
#body .MainBlock .right h1{
	font-size:14px;
	text-align:center;}

#body .MainBlock .right .txt{
	float:left;
	padding:0px 10px 14px 10px;
	color:#6c6c6c;}

#body .MainBlock .right2 .img{
	padding:0px 10px 0px 10px;
	width:233px;}
#body .MainBlock .right2 h1{
	font-size:14px;
	text-align:center;}

#body .MainBlock .right2 .txt{
	float:left;
	padding:5px 10px 14px 10px;
	color:#6c6c6c;}
#body .MainBlock .right2 .MBlockTable td{
	color:#6c6c6c;}
#body .MainBlock .right2 .MBlockTable td span{
	color:#F90;
	font-weight:bold;}
#body .Block2 .right2 .blk_29 {
	PADDING:0px 0px;
	OVERFLOW: hidden;
	ZOOM: 1;
	POSITION: relative;
	clear: both;
}
	
#body .Block2 .right2 .blk_29 .Cont {
	MARGIN: 0px auto;
	OVERFLOW: hidden;
	float:left;
	width:722px;
	POSITION: relative;
	padding-left:20px;
}
#body .Block2 .right2 .blk_29 .Contnew {
	MARGIN: 0px auto;
	OVERFLOW: hidden;
	float:left;
	width:735px;
	POSITION: relative;
	padding-left:5px;
}
#body .Block2 .right2 .blk_29 {float:left;   padding-left:20px;  }
#body .Block2 .right2 .blk_29 .box {FLOAT: left; WIDTH: 100px;  font-size:12px; height:21px; padding-top:2px; TEXT-ALIGN: left;}
#body .Block2 .right2 .blk_29  a{FLOAT: left; WIDTH: 120px;  font-size:12px; height:21px; padding-top:2px; TEXT-ALIGN: left;}
#body .Block2 .right2 .blk_29 .box1 {float:left;  WIDTH: 743px; padding-top:4px;  padding-bottom:3px;  BORDER-top: #ccc 1px solid;}
#body .Block2 .right2 .blk_29 .boxdec {float:left; WIDTH: 743px; }
#body .Block2 .right2 .blk_29 .box2 {float:left;  width:auto; color:#2274d9; font-size:14px; font-weight:bold;}
#body .Block2 .right2 .blk_29 .box3 { float:left;  width:auto; font-size:13px;  color:#2274d9;}

#body .Block2 .right2 .blk_29 .boxnew {	FLOAT: left; WIDTH: 183px; TEXT-ALIGN: center;}

#body .Block2 .right2 .blk_29 .boxnew IMG {BORDER: #ccc 1px solid; PADDING: 3px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:140px;height:105px;}
#body .Block2 .right2 .blk_29 .boxnew A:hover IMG {	BORDER: #2274d9 1px solid;}
#body .Block2 .right2 .blk_29 .boxnew P {	WIDTH: 185px; LINE-HEIGHT: 20px;text-align:center;font-size:12px;color:#2274d9}



#body .Block2 .rightimgnew .blk_29 {
	PADDING:0px 0px;
	OVERFLOW: hidden;
        BORDER: #ccc 1px solid;
	POSITION: relative;
	clear: both;
}
	
#body .Block2 .rightimgnew .blk_29 .Cont {
	MARGIN: 0px auto;
	OVERFLOW: hidden;
	float:left;
	width:980px;
	POSITION: relative;
	padding-left:20px;
}
#body .Block2 .rightimgnew .blk_29 .Contnew {
	MARGIN: 0px auto;
	OVERFLOW: hidden;
	float:left;
	width:975px;
	POSITION: relative;
	padding-left:5px;
}
#body .Block2 .rightimgnew .blk_29 .boxnew {	FLOAT: left; WIDTH: 193px; TEXT-ALIGN: center;}

#body .Block2 .rightimgnew .blk_29 .boxnew IMG {BORDER: #ccc 1px solid; PADDING: 3px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:150px;height:110px;}
#body .Block2 .rightimgnew .blk_29 .boxnew A:hover IMG {	BORDER: #2274d9 1px solid;}
#body .Block2 .rightimgnew .blk_29 .boxnew P {	WIDTH: 195px; LINE-HEIGHT: 20px;text-align:center;font-size:12px;color:#2274d9}



#body .MainBlock .rightimgnew #demo {
background: #FFF;
overflow:hidden;
width: 240px;
height:240px;
margin:auto;
}
#body .MainBlock .rightimgnew #indemo {
float: left;
height: 800%;
}
#body .MainBlock .rightimgnew #demo1 {
float: left;
}
#body .MainBlock .rightimgnew #demo2 {
float: left;
}




/*end*/

/* main block*/
#body .MainBlock{
	width:980px;
	margin:auto;
	font-size:12px;
	height: auto;
	}
#body  .left{
	float:right;
	width:310px;
	height:auto;
	overflow:hidden;
	border:1px solid #e5e5e5;
}
#body  .leftnew{
	float:left;
	width:312px;
	height:auto;
	overflow:hidden;
	border:1px solid #e5e5e5;
}
#body   .tab{}
#body   .tabcontact{height:160px;}
#body   .tab-hd { 	background:url("/images/HituxCMSInter/box_titlebg.png") no-repeat -110px top;
 overflow:hidden; zoom:1;}
#body   .tab-hd .active{	background:url("/images/HituxCMSInter/box_titlebg.png") no-repeat -40px top;
font-weight:bold;
padding:0px;
margin:0px;
font-size:14px;
text-align:left;}
#body   .tab-hd .active a{
	color:#FFF;
	padding:0px;
	margin:0px;
	padding-left:0;
	line-height:30px;
	background:none;}
#body   .tab-bd{ padding-left:10px; border-top:0 none; }	
#body   .tab-bdcontact{
    background-image:url(/images/contact.jpg); background-repeat:no-repeat;}
#body  .DivList{
	font-size:12px;
	padding:0px;}

#body  .DivList .DivLi{
	padding:0px 5px 0px 0px;
        width:292px;
	height:24px;
	overflow:hidden;
	}
#body  .DivList .DivLi a{
	line-height:24px;
	padding:0px;}	

#body  .DivList .DivLi span{
	color:#2274d9;
	padding-right:10px;
	font-size:11px;
	width:80px;
	}
#body  .right2{
	float:left;
	width:256px;
	height:290px;
	overflow:hidden;
	font-size:12px;
	border:1px solid #e5e5e5;
}

#body .topic{
	height:30px;
	background:url("/images/HituxCMSInter/box_titlebg.png") no-repeat -50px top;
	}
#body .MainBlock .right .topic{
	background:url("/images/HituxCMSInter/topic_bg1.gif") repeat-x 0px top;
}	
#body   .topic .TopicTitle{
	float:left;
	padding-left:15px;
	font-size:14px;
	color:#FFFFFF;
	height:30px;
	font-weight:bold;
	line-height:30px;}
#body .right2 .topic,#body .left .topic{
	height:35px;
}

#body  .right2 .topic .TopicTitle,#body  .left .topic .TopicTitle{
	padding-left:15px;
	}
#body  .TopicTitle a{
	color:#FFFFFF;
	text-decoration:none;}	
#body   .topic .TopicMore{
	float:right;
	font-size:12px;
	padding-right:10px;
	padding-top:9px;}			
#body  .left .MBlockTable .ListTitle{
	background:url("/images/title_icon1.jpg") no-repeat 15px 10px;
	padding-left:30px;
}
#body .MainBlock .left  .MBlockTable span{
	color:#9a9a9a;
	padding-left:10px;
	font-size:11px;}
#body  .right{
	width:269px;
	float:left;
	height:290px;
	overflow:hidden;
	border:1px solid #e5e5e5;
	}
#body  .rightcpfl{
	width:213px;
	overflow:hidden;
	border:1px solid #e5e5e5;
	}
#body  .rightdw{
	width:210px;
	height:178px;
	overflow:hidden;
	border:1px solid #e5e5e5;
	float:left;
	}










/* clearfix */
.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.clearfix {
	clear:both;
}
.clearfixfont{
	width:250px; 
        font-size:14px;
	margin:0 auto;}
.clearbox {
	clear:both; 
	width:996px; 
	margin:0 auto; 
	height:0; 
	overflow:hidden;}
.clear { 
	height:1%; 
	overflow:hidden; }
#body .ProductShow {
	BORDER: #dddddd 1px solid;
	WIDTH: 978px;
	font-size:12px;
	margin: auto;
}
#body .ProductShow .albumblock{
	padding:10px 10px 10px 17px;
	}
.hjnav {
	BACKGROUND-COLOR: #fff; HEIGHT: 488px;
	overflow:hidden;
	}
.hjnavC{
	width:742px;
	height:auto;
	background-color:#F5f5f5;
	overflow:hidden;
}	
.hjnavleft {
	WIDTH: 978px;   HEIGHT: 42px;
	z-index:100;
 	background-color:#FFF;
	 overflow:hidden;
	border-right:1px solid #e7e7e7;}
.hjnavcn {
	WIDTH: 742px;
	OVERFLOW: hidden;
}


#body .noice{
	width:740px;
	height:46px;
	font-size:14px;
	border: 1px solid #e5e5e5;
}
#body .noicetop{
	padding:5px;
	padding-left:10px;
	font-size:14px;
        width:35px;
	color:#2175DE;
	font-weight:bold;
	float:left;
	overflow:hidden;
	border-right: 1px solid #e5e5e5;
}
#body .noiceline{
	padding-left:7px;
	padding-top:3px;
	font-size:14px;
	float:left;
	overflow:hidden;
	width: 222px;
	border-bottom: 1px dotted #e5e5e5;
}
#body .noicelinered{
	padding-left:7px;
	padding-top:3px;
	font-size:14px;
	float:left;
	overflow:hidden;
	width: 222px;
	border-bottom: 1px dotted #e5e5e5;
}
#body .noicelinered a{

        color:#ff000;
}
#body #Links {
	
	padding:10px 8px;
	line-height:25px;
	font-size:12px;
	border:1px solid #e5e5e5;}
#body #Links span{
	font-weight:bold;}

#body #Links a{
	padding:0px 7px;}	
/* SearchBar */

.SearchBarindex {
	padding:10px 10px 0px 13px;
}

.SearchBarindex #search-text {
	width: 140px;
	padding:0px 5px;
	border: 1px solid #2274d9;
	margin:0px;
	color:#999999;
	height:23px;
	line-height:23px;
	font-size:12px;
}

.SearchBarindex #search-submit {
	border:none;
	background: #2274d9;
	font-size:12px;
	color: #FFFFFF;
	height:25px;
	margin:0px;	
	cursor:pointer;
	padding:0px;
	line-height:25px;
}
/* ²à±ßÀ¸Ðü¸¡¿ò */
.sidebar{
	position: fixed;z-index: 1002;left: 30%;top:25%;width: 50px;}
.sidebar1{
	position: fixed;z-index: 1002;left:2%;top:48%;width:120px;background-image: url(/images/zxk.png);}
.sidebar2{
	position: fixed;z-index: 1002;left: 0%;top:18%;width: 220px;}
.sidebar li{
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	margin-bottom: 3px;
	position: relative;
}
.sidebar li.first{background: url(/images/sidebarIcon1.png) center center no-repeat #0190d4;}
.sidebar li.li2{background: url(/images/sidebarIcon2.png) center center no-repeat #0190d4;}
.sidebar li.li3{background: url(/images/sidebarIcon3.png) center center no-repeat #0190d4;}
.sidebar li.last{background: url(/images/sidebarIcon4.png) center center no-repeat #0190d4;}
.sidebar li.on{background-color: #0190d4;}
.sidebar .slide{ display: none;
	position: absolute;
	right: 53px;
	top: 0;
	width: 190px;
	height: 120px;
	background-color: #0190d4;font-size: 24px;font-family: "Arial";}
.sidebar .slideQQ{ display: none;
	position: absolute;
	right: 50px;
        top:0px;
	width: 160px;
	height: 50px;
	background-color: #0190d4;font-size: 12px;font-family: "Arial";}
.li3_img{ width: 150px; height:150px; right: 50px; top:-50px; position: absolute; display:none ;}